<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>已分仓详情</title>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <span class="span4"><a href="index.html"><i class="icon-angle-left icon-large"></i></a>已分仓详情</span>
        <span class="font32 span2 text-center"><i>三香店</i></span>
        <span class="span4"></span>
    </div>
    <div class="hidden" id="fix-title" style="width:100%">
        <div class="item-header">前厅部门</div>
        <table class="danju">
            <tr class="bg-fa">
                <th style="width:20%">物料名称</th>
                <th style="width:15%">数量</th>
                <th style="width:10%">单位</th>
                <th style="width:15%">条只数</th>
                <th style="width:15%">单价</th>
                <th style="width:25%">仓库</th>
            </tr>
        </table>
    </div>
    <div class="main" style="overflow-y: auto">
        <div class="item-header">前厅部门</div>
        <!-- 单据列表-->
        <table class="danju bg-white">
            <tr class="bg-fa">
                <th style="width:20%">物料名称</th>
                <th style="width:15%">数量</th>
                <th style="width:10%">单位</th>
                <th style="width:15%">条只数</th>
                <th style="width:15%">单价</th>
                <th style="width:25%">仓库</th>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
        </table>
        <div class="item-header">后厨部门</div>
        <!-- 单据列表-->
        <table class="danju bg-white">
            <tr class="bg-fa">
                <th style="width:20%">物料名称</th>
                <th style="width:15%">数量</th>
                <th style="width:10%">单位</th>
                <th style="width:15%">条只数</th>
                <th style="width:15%">单价</th>
                <th style="width:25%">仓库</th>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <!-- 20160811 text-left修改为text-center-->
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
        </table>
        <div class="item-header">前台部门</div>
        <!-- 单据列表-->
        <table class="danju bg-white">
            <tr class="bg-fa">
                <th style="width:20%">物料名称</th>
                <th style="width:15%">数量</th>
                <th style="width:10%">单位</th>
                <th style="width:15%">条只数</th>
                <th style="width:15%">单价</th>
                <th style="width:25%">金额</th>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
            <tr>
                <td class="name text-center">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                <td><i>8000</i></td>
                <td><i>ml</i></td>
                <td><i>80000</i></td>
                <td><i>80000</i></td>
                <td><i>仓库1</i></td>
            </tr>
        </table>
    </div>
</div>
<script src="../js/zepto.min.js"></script>
<script>
    $('.main').scroll(function () {
        $('.main .item-header').each(function (index) {
            if (($(this).offset().top + 80) < ( $('.main').offset().top  )) {
                $('#fix-title').removeClass('hidden');
                $('#fix-title').find('.item-header').html($(this).html());
            }
            if ($(this).offset().top == $('.main').offset().top) {
                $('#fix-title').addClass('hidden');
            }
        });
    })
</script>
</body>
</html>